<template>
	<view class="function-main">
		<view class="item" v-for="item in 4">
			<image class="pic" src="../../static/images/主功能/开单.png" mode="widthFix"></image>
			<text class="txt">开单</text>
		</view>
		
	</view>
</template>

<script setup>

</script>

<style lang="scss" scoped>
	.function-main {
		margin-top: 30rpx;
		width: 750rpx;
		height: auto;
		padding: 0 25rpx;
		background: white;
		display: flex;
		justify-content: left;
		align-items: center;
		column-gap: 100rpx;
		// flex-wrap: wrap;

		.item {
			width: 100rpx;
			height: 100rpx;
			margin: 40rpx 0;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;

			.pic {
				width: 36rpx;
				height: 40rpx;
			}

			.txt {
				font-family: Alibaba PuHuiTi 2.0 regular;
				font-weight: 300;
				font-size: 24rpx;
				color: $font-primary-color;
			}
		}
	}
</style>